<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>药品管理中心</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="stylesheet" type="text/css" href="/statics/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/statics/stylesheets/theme.css">
    <link rel="stylesheet" href="/statics/lib/font-awesome/css/font-awesome.css">
    <script src="/statics/lib/jquery-1.7.2.min.js" type="text/javascript"></script>
    <!-- Demo page code -->
    <style type="text/css">
        #line-chart {
            height:300px;
            width:800px;
            margin: 0px auto;
            margin-top: 1em;
        }
        .brand { font-family: georgia, serif; }
        .brand .first {
            color: #ccc;
            font-style: italic;
        }
        .brand .second {
            color: #fff;
            font-weight: bold;
        }
    </style>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  </head>

  <!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
  <!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
  <!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
  <!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
  <!--[if (gt IE 9)|!(IE)]><!--> 
  <body class="" onkeydown="keyLogin();"> 
  <!--<![endif]-->
    <div class="navbar">
        <div class="navbar-inner">
                <ul class="nav pull-right">
                </ul>
                <a class="brand" href="javascript:void(0)"><span class="second">管理中心</span></a>
        </div>
    </div>
    <div class="row-fluid">
	    <div class="dialog">
	        <div class="block">
	            <p class="block-heading">登陆系统</p>
	            <div class="block-body">
	                <form>
	                    <label>用户名</label>
	                    <input type="text" id="username" class="span12">
	                    <label>密码</label>
	                    <input id="passwd" type="password" class="span12">
	                    <a href="javascript:void(0)" id="loginbtn" class="btn btn-primary pull-right">登陆</a>
	                    <label class="remember-me"><input type="checkbox" value="1" id="signlogin"> 7天内免登陆</label>
	                    <div class="clearfix"></div>
	                </form>
	            </div>
	        </div>
	        <p style="display:none"><a href="reset-password.html">忘记密码?</a></p>
	    </div>
	</div>
    <script src="/statics/lib/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript">
	    function keyLogin(){
	     	if (event.keyCode==13)  //回车键的键值为13
	       		document.getElementById("loginbtn").click(); //调用登录按钮的登录事件
	    }
        $(function() {
            $('.demo-cancel-click').click(function(){return false;});
            $('#loginbtn').click(function(){getLogin()});
        });
        function getLogin(){
           	var username = $('#username').val();
           	var passwd = $('#passwd').val();
           	if(!username){
           		showmsg('用户名必填！');
           		$('#username').focus();
           	}else if(!passwd){
           		showmsg('密码必填！')
           		$('#passwd').focus();
           	}else{
           		$('#loginbtn').unbind('click').attr('disabled',true).removeClass('btn btn-primary');
           		$('#loginbtn').html('<img src="/statics/images/ajax_loading.gif" style="margin:5px 18px 0 0" />');
            	$.post('/user/checklogin',{'username':username,'passwd':passwd,'signlogin':$('#signlogin:checked').val()},function(data){
            		if(data.code==1){
            			location.reload();
            		}else if(data.code==0){
            			showmsg(data.msg);
            			$('#loginbtn').bind('click',function(){getLogin()})
            						  .attr('disabled',false).addClass('btn btn-primary')
            						  .html('登陆').css('display','none').fadeIn('slow');
            		}
            	},'json');
           	}
        }
        function showmsg(msg){
        	art.dialog({
    			icon: 'error',
    		    fixed: true,
    		    content: msg,
    		    title: '错误',
    		    time: 1
    		    
    		});
        }
    </script>
  </body>
</html>
